<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
    <h1>登录</h1>
    <form id="loginForm">
        <div class="form-group">
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username" required>
        </div>
        <div class="form-group">
            <label for="password">密码:</label>
            <input type="password" id="password" name="password" required>
        </div>
        <button type="submit">登录</button>
    </form>
    <div id="status" class="status"></div>
    <div id="messages" class="messages"></div>
</div>

<!--<pre id=p>-->
<!--    <script>-->
<!--    k = 98;-->
<!--    for (h = [a = b = c = d = e = f = g = i = 0]; 49 > i; ++i) h[i + 49] = h[i] = Math.random() * 3 | 0;-->
<!--    onkeyup = t => {-->
<!--        t = t.which;-->
<!--        a || (a = 90 == t || 38 == t ? 1 : 83 == t || 40 == t ? 2 : a);-->
<!--    };-->
<!--    (n = () => {-->
<!--        b = 1 == a ? 0 == f || 9 == f ? 2 : 3 : 2 == a ? 0 : 1;-->
<!--        a && 10 == ++f && (f = a = 0);-->
<!--        p.innerHTML = '';-->
<!--        for (i = 0; 6 > i; ++i) {-->
<!--            m = '';-->
<!--            for (j = 0; 98 > j; ++j) m += ' _'[+(4 == i)].repeat(20) + (['|^^^^^|', o = '  | |  ', o, o, '   V   ', '_______',,,,, '   Λ   ', '__| |__'][6 * h[j] + i - 5] || '       ');-->
<!--            l = ['o_<',,,, ' o ', '/|.', ',\\_',,, q = ' o/', r = '/|_', s = '/  ',,, q, r, s][6 * b + i - 4];-->
<!--            w = m.substr(g, 98);-->
<!--            p.innerHTML += (l ? w.substr(0, 3) + l + w.substr(6) : w) + '\n' + (5 == i ? e : '');-->
<!--        }-->
<!--        g = ++g % 1350;-->
<!--        7 == d && (d = 0, e++, 49 < k && k&#45;&#45;);-->
<!--        15 < g % 27 && 23 > g % 27 && (c = [1 != a && 0 < d, 2 != a && 1 < d && 5 > d, 1 != a && 1 < d && 5 > d][h[~~(g / 27)]], d++);-->
<!--        c ? p.outerHTML = ':(' : setTimeout(n, k);-->
<!--    })();-->
<!--    </script>-->
<!--    </pre>-->
</body>
</html>
